<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form>
			<!-- 日期时间类型 
			  1、兼容差
			  2、如果是不支持的类型，默认变成text单行输入框
			-->
			<input type="date"><!-- 日期:年月日 -->
			<input type="time"><!-- 时间 ：-->
			<input type="datetime-local"><!-- 日期时间 -->
			<input type="datetime"><!-- 火狐兼容 -->
			<input type="month"><!-- 年月 -->
			<input type="week"><!-- 年周 -->
			
			<!-- 具有数据验证功能的 -->
			<input type="email"><!-- 格式为邮箱 -->
			<input type="url"><!-- 格式为网址 -->
			<input type="tel"><!-- 格式为电话 -->
			<input type="number"><!-- 格式为数字 -->
			
			<!-- 特殊工具 -->
			<input type="color"><!-- 调色板 -->
			<input type="range"><!-- 滑动条 -->
			<input type="search"><!-- 搜索框 -->
		</form>
	</body>
</html>
